let form,table;
$(function() {
    layui.use(['table', 'dropdown','form','laydate'], function(){
        var laydate = layui.laydate ,
            $ = layui.$;
        form = layui.form
        table = layui.table

        let str = '';
        AjaxGet('/userAunt/seleProject').then(function (response){
            str += `<option value="">请选择</option>`;
            response.data.map(function (v){
                str += `<option value="${v.id}">${v.name}</option>`
            });
            $("#projectId").html(str)
            form.render('select');
        }).catch(function (error){
            layer.msg(error.msg)
        })
    // laydate.render({
    //         elem: "#startTime",
    //         trigger: 'click',
    //         type: 'datetime'
    //     });
        // 创建渲染实例
        table.render({
            elem: '#exampleTable'
            ,id:'exampleTable'
            ,method:"POST"
            ,contentType: 'application/json'
            ,url: "/jzweb/jazOrderTaking/list"
            ,cellMinWidth: 80
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                , curr: pages //设定初始在第 5 页
                , groups: 5 //只显示 1 个连续页码
                , limit : 15
                , limits : [15,30,50,100,200]
            }
            ,request:{
                pageName: 'pageNumber',
                limitName: 'pageSize'
            }
            ,where: {
                inviterName:$("#inviterName").val(),
                inviterPhone:$("#inviterPhone").val(),
                inviteeName:$("#inviteeName").val(),
                inviteePhone:$("#inviteePhone").val(),
                projectId:$("#projectId").val(),
                demandSource:parseInt($("#demandSource").val()),
                status:parseInt($("#status").val()),
            }
            ,defaultToolbar: false
            ,loading: false
            ,cols: [[
                {
                    field : 'orderNumber',
                    title : '接单号',
                    align : 'center'
                },
                {
                    field : 'inviterName',
                    title : '用户姓名',
                    align : 'center'
                },
                {
                    field : 'inviterPhone',
                    title : '联系方式',
                    align : 'center'
                },
                {
                    field: 'projectName',
                    title: '需求类型',
                    align: 'center',
                    // width:240,
                    templet: function (d) {
                        let str = '';
                        let projectName = d.projectName;
                        if ( projectName != null ){
                            projectName = projectName.split('、');
                            projectName.map(function (v,k){
                                if( v != '' ){
                                    if ( k <= 2) {
                                        str += v+'、';
                                    }
                                }
                            })
                            str=str.substring(0,str.length-1)
                            return `
							<span>${str}</span>
							`;
                        }else{
                            return '-';
                        }
                    }
                },

                {
                    field : 'demandSource',
                    title : '订单来源',
                    align : 'center',
                    templet:function (d){
                        return `<span>${d.demandSource+''=='1'?'小程序':(d.demandSource+''=='2'?'后台':'-')}</span>`
                    }
                },
                {
                    field : 'inviteeName',
                    title : '阿姨姓名',
                    align : 'center'
                },
                {
                    field : 'inviteePhone',
                    title : '联系方式',
                    align : 'center'
                },
                {
                    field : 'status',
                    title : '订单状态',
                    align : 'center',
                    templet:function (d){
                        return `<span>${d.status+''=='0'?'待开始':(
                                d.status+''=='1'?'进行中':(
                                    d.status+''=='2'?'已完成':(
                                        d.status+''=='3'?'已取消': (
                                            d.status+''=='4'?'已转让': '-'
                                        )
                                    )
                                )
                            )  
                        }</span>`
                    }
                },
                {
                    field : 'workTime',
                    title : '工作开始时间',
                    align : 'center'
                },
                {
                    field : 'endTime',
                    title : '工作截止时间',
                    align : 'center'
                },
                {
                    field : 'createTime',
                    title : '创建时间',
                    align : 'center'
                },
                {
                    title : '操作',
                    field : 'id',
                    align : 'center',
                    templet : function(d) {
                        var e = '<a  class="btn btn-primary btn-sm '+s_info_h+' " href="#" mce_href="#" title="详情" onclick="lookInfo(\''
                            + d.id
                            + '\')"><i class="fa fa-send"></i></a> ';
                        return  e  ;
                    }
                }
            ]]
            ,response: {
                statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
            }
            ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
                if( res.code != 0 ){

                    return false;
                }

                if(Number(res.data.total)>0&&res.data.records.length==0){
                    pages--;
                    if(pages>0) {
                        table.reload('exampleTable', {
                            page: {curr: pages},
                            where: {
                                inviterName:$("#inviterName").val(),
                                inviterPhone:$("#inviterPhone").val(),
                                inviteeName:$("#inviteeName").val(),
                                inviteePhone:$("#inviteePhone").val(),
                                projectId:$("#projectId").val(),
                                demandSource:parseInt($("#demandSource").val()),
                                status:parseInt($("#status").val()),
                            }
                        })
                    }
                }

                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.records //解析数据列表
                };
            }
            ,jump: function (obj, first) {
                //首次不执行
                if (!first) {
                    pages = obj.curr
                }
            }
            ,error: function(res, msg){

            }

            ,done: function (res){
                form.render()
                hindLoading()
            }
        });

        var $ = layui.$, active = {
            reload: function(){
                //执行重载
                table.reload('exampleTable', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {

                        inviterName:$("#inviterName").val(),
                        inviterPhone:$("#inviterPhone").val(),
                        inviteeName:$("#inviteeName").val(),
                        inviteePhone:$("#inviteePhone").val(),
                        projectId:$("#projectId").val(),
                        demandSource:parseInt($("#demandSource").val()),
                        status:parseInt($("#status").val()),
                    }
                });
            }
        };
        form.on('switch(switchTest)', function(data){
            let id=$(data.othis[0].parentNode).find('input').attr('myid')
            var loadIndex = layer.load(0);
            AjaxPost('/userAunt/updateUserAnutStatus', {id,enableStatus:this.checked?'1':'0'}).then(function (response){
                parent.layer.msg("操作成功");
                layer.close(loadIndex)
                load();
            }).catch(error => {
                layer.msg(error.msg)
                layer.close(loadIndex)
                load();
            })




        })
        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        //触发表格复选框选择
        table.on('checkbox(test)', function(obj){
            console.log(obj)
        });

        //触发表格单选框选择
        table.on('radio(test)', function(obj){
            console.log(obj)
        });

    });
});

var pages = 1;
/**
 * 所有的重置表格
 */
function load(){
    layui.use(['table'], ()=>{
        layui.table.reload('exampleTable',{
            where: {

                inviterName:$("#inviterName").val(),
                inviterPhone:$("#inviterPhone").val(),
                inviteeName:$("#inviteeName").val(),
                inviteePhone:$("#inviteePhone").val(),
                projectId:$("#projectId").val(),
                demandSource:parseInt($("#demandSource").val()),
                status:parseInt($("#status").val()),
            }
        })
    })
}
/**
 * 重置
 */
const dataReset = () => {
    $("input").val('')
    $('select').val('')
    form.render('select');
    table.reload('exampleTable', {
        page: {
            curr: 1 //重新从第 1 页开始
        }
    });
}
function lookInfo(id){
    let toIndex= layer.open({
        type: 2,
        title:'接单详情',
        maxmin: true,
        shadeClose: false,
        area:['800px','500px'],
        content:  `/jzweb/jazUserDemand/takeOrders/info/${id}/info`
    });
    layer.full(toIndex);
}
